<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>eh documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
	      <link rel="stylesheet" href="../styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">eh documentation</a>
            <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
                <div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search">
</div>
            <compodoc-menu></compodoc-menu>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <compodoc-menu mode="normal"></compodoc-menu>
               </div>
               <!-- START CONTENT -->
               <div class="content component">
                   <div class="content-data">




<ol class="breadcrumb">
  <li>Components</li>
  <li>ChangePhoneComponent</li>
</ol>

<ul class="nav nav-tabs" role="tablist">
        <li class="active">
            <a href="#info" role="tab" id="info-tab" data-toggle="tab" data-link="info">Info</a>
        </li>
        <li >
            <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
        </li>
        <li >
            <a href="#templateData" role="tab" id="templateData-tab" data-toggle="tab" data-link="template">Template</a>
        </li>
        <li >
            <a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
        </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="c-info"><p class="comment">
    <h3>File</h3>
</p>
<p class="comment">
    <code>src/app/user/cpt/change-phone/change-phone.component.ts</code>
</p>



    <p class="comment">
        <h3>Implements</h3>
    </p>
    <p class="comment">
                <code><a href="https://angular.io/api/core/OnInit" target="_blank" >OnInit</a></code>
    </p>


<section>
    <h3>Metadata</h3>
    <table class="table table-sm table-hover">
        <tbody>











            <tr>
                <td class="col-md-3">selector</td>
                <td class="col-md-9"><code>app-change-phone</code></td>
            </tr>

            <tr>
                <td class="col-md-3">styleUrls</td>
                <td class="col-md-9"><code>change-phone.component.scss</code></td>
            </tr>



            <tr>
                <td class="col-md-3">templateUrl</td>
                <td class="col-md-9"><code>./change-phone.component.html</code></td>
            </tr>


        </tbody>
    </table>
</section>

    <section>
    <h3 id="index">Index</h3>
    <table class="table table-sm table-bordered index-table">
        <tbody>
                <tr>
                    <td class="col-md-4">
                        <h6><b>Properties</b></h6>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <ul class="index-list">
                            <li>
                                <a href="#isEdit">isEdit</a>
                            </li>
                            <li>
                                <a href="#loading">loading</a>
                            </li>
                            <li>
                                <a href="#validateForm">validateForm</a>
                            </li>
                        </ul>
                    </td>
                </tr>

                <tr>
                    <td class="col-md-4">
                        <h6><b>Methods</b></h6>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <ul class="index-list">
                            <li>
                                <a href="#addLisen">addLisen</a>
                            </li>
                            <li>
                                <a href="#ngOnInit">ngOnInit</a>
                            </li>
                            <li>
                                    <span class="modifier">Async</span>
                                <a href="#onSubmit">onSubmit</a>
                            </li>
                            <li>
                                <a href="#toggleEdit">toggleEdit</a>
                            </li>
                        </ul>
                    </td>
                </tr>





        </tbody>
    </table>
</section>

    <section>
    <h3 id="constructor">Constructor</h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
<code>constructor(fb: <a href="https://angular.io/api/forms/FormBuilder" target="_blank">FormBuilder</a>, storeService: , nzMessageService: )</code>
                    </td>
                </tr>
                        <tr>
                            <td class="col-md-4">
                                <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:14</a></div>
                            </td>
                        </tr>

                <tr>
                    <td class="col-md-4">
                            <div>
                                    <b>Parameters :</b>
                                    <table class="params">
                                        <thead>
                                            <tr>
                                                <td>Name</td>
                                                    <td>Type</td>
                                                <td>Optional</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                                <tr>
                                                        <td>fb</td>
                                                  
                                                        <td>
                                                                    <code><a href="https://angular.io/api/forms/FormBuilder" target="_blank" >FormBuilder</a></code>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>storeService</td>
                                                  
                                                        <td>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                                <tr>
                                                        <td>nzMessageService</td>
                                                  
                                                        <td>
                                                        </td>
                                                  
                                                    <td>
                                                            No
                                                    </td>
                                                    
                                                </tr>
                                        </tbody>
                                    </table>
                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
</section>





    <section>
    
        <h3 id="methods">
            Methods
        </h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="addLisen"></a>
                        <span class="name">
                            <b>
                            addLisen
                            </b>
                            <a href="#addLisen"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>addLisen()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="55" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:55</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="ngOnInit"></a>
                        <span class="name">
                            <b>
                            ngOnInit
                            </b>
                            <a href="#ngOnInit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>ngOnInit()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:18</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="onSubmit"></a>
                        <span class="name">
                            <b>
                                <span class="modifier">Async</span>
                            onSubmit
                            </b>
                            <a href="#onSubmit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                            <span class="modifier-icon icon ion-ios-reset"></span>
                        <code>onSubmit()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:27</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="toggleEdit"></a>
                        <span class="name">
                            <b>
                            toggleEdit
                            </b>
                            <a href="#toggleEdit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
<code>toggleEdit()</code>
                    </td>
                </tr>


                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="67" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:67</a></div>
                            </td>
                        </tr>


                <tr>
                    <td class="col-md-4">

                            <div class="io-description">
                                <b>Returns : </b>    <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>

                            </div>
                    </td>
                </tr>
            </tbody>
        </table>
</section>

    <section>
    
        <h3 id="inputs">
            Properties
        </h3>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="isEdit"></a>
                        <span class="name">
                            <b>
                            isEdit
                            </b>
                            <a href="#isEdit"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>isEdit:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>false</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="10" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:10</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="loading"></a>
                        <span class="name">
                            <b>
                            loading
                            </b>
                            <a href="#loading"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>loading:     <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Default value : </i><code>false</code>
                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="12" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:12</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
        <table class="table table-sm table-bordered">
            <tbody>
                <tr>
                    <td class="col-md-4">
                        <a name="validateForm"></a>
                        <span class="name">
                            <b>
                            validateForm
                            </b>
                            <a href="#validateForm"><span class="icon ion-ios-link"></span></a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="col-md-4">
                        <code>validateForm:     <code><a href="https://angular.io/api/forms/FormGroup" target="_blank" >FormGroup</a></code>
</code>
                    </td>
                </tr>
                    <tr>
                        <td class="col-md-4">
                            <i>Type : </i>    <code><a href="https://angular.io/api/forms/FormGroup" target="_blank" >FormGroup</a></code>

                        </td>
                    </tr>
                        <tr>
                            <td class="col-md-4">
                                    <div class="io-line">Defined in <a href="" data-line="14" class="link-to-prism">src/app/user/cpt/change-phone/change-phone.component.ts:14</a></div>
                            </td>
                        </tr>


            </tbody>
        </table>
</section>

</div>


    <div class="tab-pane fade  tab-source-code" id="c-source">
        <pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import { Component, Inject, OnInit } from &#x27;@angular/core&#x27;;
import { FormBuilder, FormControl, FormGroup, Validators } from &#x27;@angular/forms&#x27;;

@Component({
  selector: &#x27;app-change-phone&#x27;,
  templateUrl: &#x27;./change-phone.component.html&#x27;,
  styleUrls: [&#x27;./change-phone.component.scss&#x27;],
})
export class ChangePhoneComponent implements OnInit {
  isEdit: boolean &#x3D; false;

  loading: boolean &#x3D; false;

  validateForm: FormGroup;

  constructor(private fb: FormBuilder, @Inject(&#x27;StoreService&#x27;) private storeService, @Inject(&#x27;NzMessageService&#x27;) private nzMessageService) {}

  ngOnInit() {
    this.validateForm &#x3D; this.fb.group({
      phone: [null, [Validators.required]],
      nusername: [null, [Validators.required]],
      code: [null, [Validators.required]],
    });
    this.addLisen();
  }

  async onSubmit() {
    for (const i in this.validateForm.controls) {
      this.validateForm.controls[i].markAsDirty();
      this.validateForm.controls[i].updateValueAndValidity();
    }
    if (this.validateForm.get(&#x27;phone&#x27;).errors || this.validateForm.get(&#x27;nusername&#x27;).errors || this.validateForm.get(&#x27;code&#x27;).errors) {
      return;
    }

    this.loading &#x3D; true;
    const res &#x3D; await this.storeService.dispatch(&#x27;saveUser&#x27;, {
      // username: this.validateForm.get(&#x27;phone&#x27;).value,
      username: this.validateForm.get(&#x27;phone&#x27;).value,
      nusername: this.validateForm.get(&#x27;nusername&#x27;).value,
      code: this.validateForm.get(&#x27;code&#x27;).value,
      changeUsername: true,
      type: this.storeService.state.common.config.isPhone,
    });
    this.loading &#x3D; false;

    if (200 &#x3D;&#x3D; res.code) {
      this.nzMessageService.success(&#x27;修改成功&#x27;);
      this.isEdit &#x3D; false;
      return;
    }
    this.nzMessageService.error(res.msg);
  }

  addLisen() {
    this.storeService.subscribe(state &#x3D;&gt; {
      const { user } &#x3D; state;
      for (const key in this.validateForm.controls) {
        if (this.validateForm.controls.hasOwnProperty(key)) {
          const item &#x3D; this.validateForm.controls[key];
          item.setValue(user.info[key]);
        }
      }
    });
  }

  toggleEdit() {
    this.isEdit &#x3D; !this.isEdit;
  }
}
</code></pre>
    </div>

    <div class="tab-pane fade " id="c-templateData">
        <pre class="line-numbers"><code class="language-html">&lt;nz-card [ngClass]&#x3D;&quot;isEdit ? &#x27;panel-app isEdit&#x27;:&#x27;panel-app&#x27;&quot; nzTitle&#x3D;&quot;个人资料&quot; [nzExtra]&#x3D;&quot;extraTemplate&quot;&gt;

  &lt;form nz-form [formGroup]&#x3D;&quot;validateForm&quot; (ngSubmit)&#x3D;&quot;onSubmit()&quot;&gt;
    &lt;nz-form-item&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot; nzRequired nzFor&#x3D;&quot;phone&quot;&gt;手机号&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;input [attr.disabled]&#x3D;&quot;isEdit ? null:&#x27;disabled&#x27;&quot; nz-input formControlName&#x3D;&quot;phone&quot; id&#x3D;&quot;phone&quot;&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;validateForm.get(&#x27;phone&#x27;).dirty &amp;&amp; validateForm.get(&#x27;phone&#x27;).errors&quot;&gt;请输入合法的手机号&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item *ngIf&#x3D;&quot;isEdit&quot;&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot; nzRequired nzFor&#x3D;&quot;nusername&quot;&gt;新手机号&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;input [attr.disabled]&#x3D;&quot;isEdit ? null:&#x27;disabled&#x27;&quot; nz-input formControlName&#x3D;&quot;nusername&quot; id&#x3D;&quot;nusername&quot;&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;validateForm.get(&#x27;nusername&#x27;).dirty &amp;&amp; validateForm.get(&#x27;nusername&#x27;).errors&quot;&gt;请输入合法的手机号&lt;/nz-form-explain&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item *ngIf&#x3D;&quot;isEdit&quot;&gt;
      &lt;nz-form-label [nzSm]&#x3D;&quot;6&quot; [nzXs]&#x3D;&quot;24&quot; nzFor&#x3D;&quot;code&quot; nzRequired&gt;验证码&lt;/nz-form-label&gt;
      &lt;nz-form-control [nzSm]&#x3D;&quot;14&quot; [nzXs]&#x3D;&quot;24&quot;&gt;
        &lt;div nz-row [nzGutter]&#x3D;&quot;8&quot;&gt;
          &lt;div nz-col [nzSpan]&#x3D;&quot;12&quot;&gt;
            &lt;input nz-input formControlName&#x3D;&quot;code&quot; id&#x3D;&quot;code&quot;&gt;
          &lt;/div&gt;
          &lt;div nz-col [nzSpan]&#x3D;&quot;12&quot;&gt;
            &lt;button nz-button appCode [aim]&#x3D;&#x27;validateForm.controls.phone.value&#x27;&gt;获取验证码&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;nz-form-explain *ngIf&#x3D;&quot;validateForm.get(&#x27;code&#x27;).dirty &amp;&amp; validateForm.get(&#x27;code&#x27;).errors&quot;&gt;请输入手机号验证码&lt;/nz-form-explain&gt;
        &lt;nz-form-extra&gt;手机号验证码&lt;/nz-form-extra&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
    &lt;nz-form-item nz-row style&#x3D;&quot;margin-bottom:8px;&quot; *ngIf&#x3D;&quot;isEdit&quot;&gt;
      &lt;nz-form-control [nzSpan]&#x3D;&quot;14&quot; [nzOffset]&#x3D;&quot;6&quot;&gt;
        &lt;button nz-button nzType&#x3D;&quot;primary&quot; [nzLoading]&#x3D;&quot;loading&quot;&gt;保存&lt;/button&gt;
      &lt;/nz-form-control&gt;
    &lt;/nz-form-item&gt;
  &lt;/form&gt;

&lt;/nz-card&gt;
&lt;ng-template #extraTemplate&gt;
  &lt;a (click)&#x3D;&quot;toggleEdit()&quot;&gt;
    {{isEdit ? &#x27;取消&#x27;:&#x27;编辑&#x27;}}
  &lt;/a&gt;
&lt;/ng-template&gt;</code></pre>
    </div>

    <div class="tab-pane fade " id="c-tree">
        <div id="tree-container"></div>
        <div class="tree-legend">
            <div class="title">
                <b>Legend</b>
            </div>
            <div>
                <div class="color htmlelement"></div><span>Html element</span>
            </div>
            <div>
                <div class="color component"></div><span>Component</span>
            </div>
            <div>
                <div class="color directive"></div><span>Html element with directive</span>
            </div>
        </div>
    </div>

    
</div>

<script src="../js/libs/vis.min.js"></script>
<script src="../js/libs/htmlparser.js"></script>
<script src="../js/libs/deep-iterator.js"></script>
<script>
        var COMPONENT_TEMPLATE = '<div><nz-card [ngClass]="isEdit ? \'panel-app isEdit\':\'panel-app\'" nzTitle="个人资料" [nzExtra]="extraTemplate">  <form nz-form [formGroup]="validateForm" (ngSubmit)="onSubmit()">    <nz-form-item>      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="phone">手机号</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <input [attr.disabled]="isEdit ? null:\'disabled\'" nz-input formControlName="phone" id="phone">        <nz-form-explain *ngIf="validateForm.get(\'phone\').dirty && validateForm.get(\'phone\').errors">请输入合法的手机号</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item *ngIf="isEdit">      <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="nusername">新手机号</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <input [attr.disabled]="isEdit ? null:\'disabled\'" nz-input formControlName="nusername" id="nusername">        <nz-form-explain *ngIf="validateForm.get(\'nusername\').dirty && validateForm.get(\'nusername\').errors">请输入合法的手机号</nz-form-explain>      </nz-form-control>    </nz-form-item>    <nz-form-item *ngIf="isEdit">      <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" nzRequired>验证码</nz-form-label>      <nz-form-control [nzSm]="14" [nzXs]="24">        <div nz-row [nzGutter]="8">          <div nz-col [nzSpan]="12">            <input nz-input formControlName="code" id="code">          </div>          <div nz-col [nzSpan]="12">            <button nz-button appCode [aim]=\'validateForm.controls.phone.value\'>获取验证码</button>          </div>        </div>        <nz-form-explain *ngIf="validateForm.get(\'code\').dirty && validateForm.get(\'code\').errors">请输入手机号验证码</nz-form-explain>        <nz-form-extra>手机号验证码</nz-form-extra>      </nz-form-control>    </nz-form-item>    <nz-form-item nz-row style="margin-bottom:8px;" *ngIf="isEdit">      <nz-form-control [nzSpan]="14" [nzOffset]="6">        <button nz-button nzType="primary" [nzLoading]="loading">保存</button>      </nz-form-control>    </nz-form-item>  </form></nz-card><ng-template #extraTemplate>  <a (click)="toggleEdit()">    {{isEdit ? \'取消\':\'编辑\'}}  </a></ng-template></div>'
    var COMPONENTS = [{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BComponent', 'selector': 'app-b'},{'name': 'CComponent', 'selector': 'app-c'},{'name': 'ChangeEmailComponent', 'selector': 'app-change-email'},{'name': 'ChangePasswordComponent', 'selector': 'app-change-password'},{'name': 'ChangePhoneComponent', 'selector': 'app-change-phone'},{'name': 'EnrollComponent', 'selector': 'app-enroll'},{'name': 'FileComponent', 'selector': 'app-file'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'GoodComponent', 'selector': 'app-good'},{'name': 'HeaderComponent', 'selector': 'app-header'},{'name': 'HomeComponent', 'selector': 'app-home'},{'name': 'LineComponent', 'selector': 'app-line'},{'name': 'LoginComponent', 'selector': 'app-login'},{'name': 'MyComponent', 'selector': 'app-my'},{'name': 'MyComponent', 'selector': 'app-my'},{'name': 'SelectAreaComponent', 'selector': 'app-select-area'},{'name': 'SelectAreaRangeComponent', 'selector': 'app-select-area-range'},{'name': 'SelectGoodTypeComponent', 'selector': 'app-select-good-type'},{'name': 'SelectPosComponent', 'selector': 'app-select-pos'},{'name': 'SideComponent', 'selector': 'app-side'},{'name': 'UserHeaderComponent', 'selector': 'app-user-header'},{'name': 'XlsxComponent', 'selector': 'app-xlsx'}];
    var DIRECTIVES = [{'name': 'CodeDirective', 'selector': '[appCode]'}];
    var ACTUAL_COMPONENT = {'name': 'ChangePhoneComponent'};
</script>
<script src="../js/tree.js"></script>














                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> result-matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
               <!-- END CONTENT -->
           </div>
       </div>

       <script>
            var COMPODOC_CURRENT_PAGE_DEPTH = 1;
            var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
            var COMPODOC_CURRENT_PAGE_URL = 'ChangePhoneComponent.html';
       </script>

       <script src="../js/libs/custom-elements.min.js"></script>
       <script src="../js/libs/lit-html.js"></script>
       <script src="../js/menu-wc.js"></script>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/clipboard.min.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
          <script src="../js/search/search.js"></script>
          <script src="../js/search/lunr.min.js"></script>
          <script src="../js/search/search-lunr.js"></script>
          <script src="../js/search/search_index.js"></script>
       <script src="../js/lazy-load-graphs.js"></script>


    </body>
</html>
